<script setup>
const props = defineProps({
  fill: String,
})
</script>

<template>
  <div>
    <svg viewBox="0 0 24 24">
      <path
        :fill="props.fill"
        d="M8.76 2.193c-.44.248-.307 1.088-.307 1.5v3.384c0 .322.123.971-.09 1.231-.267.326-1.213.154-1.602.154H3.838c-.484 0-1.02-.08-1.461.154-.302.16-.23.472-.23.769v4.461c0 .294-.1.812.038 1.077.282.541 1.088.428 1.576.435 1.097.018 2.2.034 3.295.013.345-.006.953-.185 1.243.039.326.251.154 1.21.154 1.59v3.153c0 .548-.064 1.058.385 1.461.323.29.752.231 1.153.231h2.539c.657 0 1.737.206 2.307-.18.506-.342.543-.967.513-1.512-.064-1.146 0-2.314 0-3.461 0-.32-.177-.863-.013-1.154.224-.398 1.253-.167 1.64-.167 1.007 0 2-.013 3.013-.013.571 0 1.177.041 1.602-.435.295-.33.244-.743.244-1.154V11.23c0-.834.317-2.252-.615-2.667-.414-.184-.942-.102-1.385-.102h-2.845c-.38 0-1.236.158-1.539-.09-.333-.273-.102-1-.102-1.372V4.308c0-.397.065-.847 0-1.23-.05-.291-.15-.736-.436-.885-.329-.171-1.017-.038-1.384-.038h-3.308c-.374 0-1.133-.146-1.461.038Zm2.552 5.282c.238-.092 1.118-.094 1.256.14.11.187.039.56.039.77v1.769c0 .235-.107.741.076.91.187.172.613.09.847.09h1.845c.203 0 .58-.073.756.038.342.216.247 1.287-.14 1.41-.22.07-.54.013-.77.013H13.53c-.232 0-.746-.115-.898.09-.117.158-.025.562-.025.756v1.923c0 .292.111.772-.231.898-.253.092-1.033.11-1.192-.142-.112-.176-.039-.554-.039-.756v-1.846c0-.215.098-.747-.09-.897-.157-.126-.633-.026-.833-.026H8.376c-.21 0-.583.072-.769-.038-.25-.148-.273-1.3.013-1.41.202-.078.54-.013.756-.013h1.846c.248 0 .736.099.885-.154.11-.186.038-.56.038-.77V8.386c0-.234-.105-.805.167-.91Z"
      ></path>
    </svg>
  </div>
</template>
